<script src="../jvectormap/js/jquery.vmap.packed.js"> </script>
<script src="../jvectormap/js/jquery-jvectormap-1.2.2.min.js"> </script>

<script src="../jvectormap/js/jquery-jvectormap-th-mill-en.js"> </script>

<link href="../jvectormap/css/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css">
<link class="style" href="../Css/amountNewStudentByRegion.css" rel="stylesheet" type="text/css">
<script src="../Controller/amountNewStudentByRegion.js"></script>

<div id="content">
	<div id="contantBody">
		<div class="contentTitleChart">
			<b> จำนวนนักศึกษาใหม่ระดับปริญญาตรีตามพิ้นที่ ปีการศึกษา <label id="titleYearSe"> </label><br/>
			นักศึกษาเข้าใหม่ทั้งหมด <label id="amtNewStuTitle"> </label> คน <br/>
			(คลิกไปยังจังหวัดที่ต้องการรายละเอียด) </b>	
		</div> 
		<br/>
		<div class="contentPanelL">
			<div class="legend">
				<table style="margin: auto; height:10px; font:Tahoma bold 12px;"> 
					<tr>
						<td style="width:20px; height:30px;">
							<table> <tr> <td style="background-color:#8A0808; width:20px; height:10px;"> </td></tr></table>
						</td> 
						<td></td> 
						<td style="width:100px"> > 10.00</td>
					</tr>
					<tr>
						<td style="width:20px; height:30px;">
							<table> <tr> <td style="background-color:#FF0000; width:20px; height:10px;"> </td></tr></table>
						</td> 
						<td></td> 
						<td style="width:100px">5.01-10.00</td> 
					</tr>
					<tr>
						<td style="width:20px; height:30px;">
							<table> <tr> <td style="background-color:#FF4000; width:20px; height:10px;"> </td></tr></table>
						</td> 
						<td></td> 
						<td style="width:100px">1.00-5.00</td>
					</tr>
					<tr>
						<td style="width:20px; height:30px;">
							<table> <tr> <td style="background-color:#F79F81; width:20px; height:10px;"> </td></tr></table>
						</td> 
						<td></td> 
						<td style="width:100px"> < 1.00 </td>
					</tr>
					<tr>
						<td style="width:20px; height:30px;">
							<table> <tr> <td style="background-color:gray; width:20px; height:10px;"> </td></tr></table>
						</td> 
						<td></td> 
						<td style="width:100px">ไม่มีนักศึกษาใหม่</td>  
					</tr>
				</table>
			</div>
			<!-- <img src="../thai_map.jpg" style="width:473px; height:600px; margin:auto;"> -->
			<div id="thaiMap" class="jvectormap jvectormap-mill" data-projection="mill" data-name="th_mill_en"> </div>
		</div>
		
		<div class="contentPanelR">
			<!-- Description of table -->		
			<!-- Start: Table Amount New Student by Region -->
			<div id="gridAmountByRegion" style="width:100%; height:590px; margin:auto;"> 
				<div id="dataGrid"> </div>
			</div>
		</div>
		<br style="clear:both">
	</div>
</div>
